!!!
%html
  %head
    %title LanguageLive
    %meta{:content => "The premier online tool for language learners", :name => "description"}/
    %meta{:content => "language, live, learn, learning, learners, school, schools, student, students", :name => "keywords"}/
    %meta{:content => "text/html; charset=iso-8859-1", "http-equiv" => "content-type"}/
    %link{:href => "http://fonts.googleapis.com/css?family=Maven+Pro:400,700", :rel => "stylesheet", :type => "text/css"}
      = stylesheet_link_tag    "application"
      = javascript_include_tag "application"
      /[if IE]
        <haml:loud> javascript_include_tag &quot;PIE&quot; </haml:loud>
      = csrf_meta_tags
  %body
    .header.head-pat6
      .container_12
        .heading
          .logo
            %a{:href => "/"}
              %img{:alt => "", :src => "/assets/site/images/logo.png"}/
          .navigation
            #smoothmenu1.ddsmoothmenu
              %ul
                %li
                  %a{:href => "/"} Home
                %li
                  %a{:href => "/benefits"} Benefits
                  %ul
                    %li
                      %a{:href => "/schools"} For Schools
                    %li
                      %a{:href => "/students"} For Students
                %li
                  %a{:href => "/roadmap"} Roadmap
                %li
                  %a{:href => "/blog"} Blog
                %li
                  -#TODO: Change route to /contact
                  %a{:href => "/support"} Contact
                %li
                  %a.teaser-button(style="padding:8px 10px" href="/app") SIGN IN
              %br{:style => "clear: left"}/
      - if action_name == "home"
        .container_12
          .jcycle
            .jcycle-slider-item
              .grid_12
                %img{:alt => "", :src => "/assets/site/images/content/nivo/1.jpg"}/
              .grid_7.jcycle-slider-item-text-top
                %h1 The premier online language learning tool
                %span
                  Perfect for both schools and individual students
                  %a.slider-readmore{:href => "#"} Read More »
            .jcycle-slider-item
              .grid_12
                %img{:alt => "", :src => "/assets/site/images/content/nivo/2.jpg"}/
              .grid_7.jcycle-slider-item-text-top
                %h1 Easy vocab testing
                %span
                  Choose a category to study, easily pick individual words or just drill everything!
                  %a.slider-readmore{:href => "#"} Read More »
            .jcycle-slider-item
              .grid_12
                %img{:alt => "", :src => "/assets/site/images/content/jcycle/1.jpg"}/
              .grid_7.jcycle-slider-item-text-top
                %h1 Complete grammar reference
                %span
                  LanguageLive will include a comprehensive grammar reference including spoken examples
                  %a.slider-readmore{:href => "#"} Read More »
            .jcycle-slider-item
              .grid_12
                %img{:alt => "", :src => "/assets/site/images/content/nivo/4.jpg"}/
              .grid_7.jcycle-slider-item-text-top
                %h1 Activities just like the exam
                %span
                  LanguageLive will also include many listening, reading and writing tests designed to mimic what you'll find in the exam
                  %a.slider-readmore{:href => "#"} Read More »

    = yield

    .clear
    .footer-bottom.head-pat6
      .container_12
        .grid_4
          %h1 Quick navigation
          %ul.footer-list
            %li.two-col
              %a{:href => "/"} Home
            %li.two-col
              %a{:href => "/benefits"} Benefits
            %li.two-col
              %a{:href => "/roadmap"} Roadmap
            %li.two-col
              %a{:href => "/blog"} Blog
            %li.two-col
              %a{:href => "/support"} Contact
        .grid_4
          %h1 Blogroll
          %ul.footer-list
            %li
              %a{:href => "http://notes.envato.com"} notes.envato.com
            %li
              %a{:href => "http://www.smashingmagazine.com"} www.smashingmagazine.com
            %li
              %a{:href => "http://codex.wordpress.org"} codex.wordpress.org
        .grid_4
          %h1 Updates
          .subscribe-form
            %form#subscribeForm.cmxform{:action => "#", :method => "post"}
              %fieldset
                %div
                  %label.overlabel{:for => "SubscribeEmail"} E-Mail
                  %input#SubscribeEmail.textInput.required.email.subscribe{:name => "SubscribeEmail"}/
                %button.btn.subscribe-button{:type => "submit"}
                  %span Subscribe
          .social-icons
            %ul.social-icons-list
              %li
                %a{:href => "http://facebook.com/languagelive"}
                  %img.tiptip{:alt => "", :src => "/assets/site/images/content/footer-social-icons/facebook.png", :title => "Visit my Facebook"}/
              %li
                %a{:href => "http://www.whatisrss.com/"}
                  %img.tiptip{:alt => "", :src => "/assets/site/images/content/footer-social-icons/feed.png", :title => "Subscribe my RSS FEED"}/
              %li
                %a{:href => "http://twitter.com/languagelive"}
                  %img.tiptip{:alt => "", :src => "/assets/site/images/content/footer-social-icons/twitter.png", :title => "Visit my Twitter"}/
    .sub-footer
      .container_12
        .footer-menu
          %ul.footer-menu-list
            %li
              %a{:href => "/"} Home
            %li
              %a{:href => "/benefits"} Benefits
            %li
              %a{:href => "/roadmap"} Roadmap
            %li
              %a{:href => "/blog"} Blog
            %li
              %a{:href => "/support"} Contact
        .copyrights
          %span
            Copyright &copy; Jono Mingard 2012
    = debug(params) if Rails.env.development?